<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>boot css1</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="static/css/bootstrap.min.css">
</head>
<body>
<div class="container">
    <img class="img-rounded" src="static/imgs/html_css.jpeg"> <br>
    <img class="img-circle" src="static/imgs/html_css.jpeg"> <br>
    <img class="img-thumbnail" src="static/imgs/html_css.jpeg">
    <hr>
    <form action="" class="form-inline">
        <div class="form-group">
            username: <input class="form-control" type="text">
        </div>
        <div class="form-group">
            password: <input class="form-control" type="text">
        </div>
        <div class="form-group">
            <input class="btn btn-primary" type="submit">
        </div>
    </form>
    <hr>
    <form action="">
        <div class="form-group">
            username: <input class="form-control" type="text">
        </div>
        <div class="form-group">
            password: <input class="form-control" type="text">
        </div>
        <div class="form-group">
            <input class="btn btn-primary" type="submit">
        </div>
    </form>
    <hr>
    <input class="btn btn-default" type="submit" value="提交查询"> <br>
    <input class="btn btn-primary btn-lg" type="submit" value="提交查询"> <br>
    <input class="btn btn-danger btn-sm" type="submit" value="提交查询"> <br>
    <input class="btn btn-warning btn-xs" type="submit" value="提交查询"> <br>
    <input class="btn btn-info btn-block" type="submit" value="提交查询"> <br>
    <a class="btn btn-primary" href="#">返回首页</a>
    <div>
        <table class="table table-bordered table-striped table-hover">
            <thead class="bg-primary">
                <tr>
                    <td>阶段</td>
                    <td>内容</td>
                    <td>讲师</td>
                </tr>
            </thead>
            <tr>
                <td>一</td>
                <td>Linux系统管理</td>
                <td>牛</td>
            </tr>
            <tr>
                <td>二</td>
                <td>Network</td>
                <td>王</td>
            </tr>
            <tr>
                <td>三</td>
                <td>Service</td>
                <td>丁</td>
            </tr>
            <tr>
                <td>四</td>
                <td>Database</td>
                <td>庞</td>
            </tr>
        </table>
    </div>
    <h1>达内云计算 Cloud Computing</h1>
    <h2>达内云计算 Cloud Computing</h2>
    <h3>达内云计算 Cloud Computing</h3>
    <h4>达内云计算 Cloud Computing</h4>
    <h5>达内云计算 Cloud Computing</h5>
    <h6>达内云计算 Cloud Computing</h6>
    <p>
        <mark>达内云计算 nsd1912</mark>
        <del>达内云计算 nsd1912</del>
        <s>达内云计算 nsd1912</s>
        <ins>达内云计算 nsd1912</ins>
        <u>达内云计算 nsd1912</u>
        <small>达内云计算 nsd1912</small>
        <strong>达内云计算 nsd1912</strong>
        <b>达内云计算 nsd1912</b>
        <em>达内云计算 nsd1912</em>
        <i>达内云计算 nsd1912</i>
    </p>
    <p>达内云计算 Cloud Computing</p>
    <p class="h4">达内云计算 Cloud Computing</p>
    <p class="text-center text-danger bg-info">达内云计算 Cloud Computing</p>
    <p class="text-right text-warning bg-success">达内云计算 Cloud Computing</p>
    <p class="text-primary">达内云计算 Cloud Computing</p>
    <p class="text-muted">达内云计算 Cloud Computing</p>
    <p>达内云计算 Cloud Computing</p>
    <p>达内云计算 Cloud Computing</p>
    <p>达内云计算 Cloud Computing</p>
    <p>达内云计算 Cloud Computing</p>
    <p>达内云计算 Cloud Computing</p>
    <div class="h4">达内云计算 Cloud Computing</div>
</div>
</body>
</html>